<!-- @format -->
<template>
  <div>
    <!-- <a :href="url"></a> -->

    <!-- 注意：给子组件传递自定义属性，动态数据需要借助v-bind -->
    <MyProduct :info="msg" />
    <!-- 这样写传递的是一个写死 msg 字符串，不是动态数据 -->
    <!-- <MyProduct info="msg" /> -->
  </div>
</template>

<script>
  import MyProduct from './components/MyProduct.vue'
  export default {
    components: {
      MyProduct
    },
    data() {
      return {
        url: 'http://www.baidu.com',
        msg: '儿子还好么?'
      }
    }
  }
</script>

<style></style>
